$(function(){
    $("#slider").slidebox({
        boxh: 425,          //盒子的高度
        w: 1000,            //图片的宽度
        h: 400,             //图片的高度
        isShow: true,       //是否显示控制器
        isShowBtn: true,    //是否显示左右按钮
        controltop: 10,     //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,      //控制按钮宽度
        controlsH: 12,      //控制按钮高度
        radius: 6           //控制按钮圆角度数
    });  

    //图书电子书轮播
    $(".book-lider").slidebox({
        boxh: 220,          //盒子的高度
        w: 330,            //图片的宽度
        h: 220,             //图片的高度
        isShow: true,       //是否显示控制器
        isShowBtn: true,    //是否显示左右按钮
        controltop: 10,     //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20,      //控制按钮宽度
        controlsH: 4,      //控制按钮高度
        radius: 2           //控制按钮圆角度数
    }); 
    //图书电子书选项卡
    $(".book-menu li").on("mouseenter", function(){
        $(this).addClass("active").siblings().removeClass()
        let index = $(this).index()
        $(".book-list").eq(index).addClass("on").siblings().removeClass("on")
    })
    //新书畅销榜手风琴效果
    $(".book-right ul li:lt(3) span").css("color", "red")
    $(".book-right ul li").on("mouseenter", function(){
        $("h4", this).addClass("active").closest("li").siblings("li").find("h4").removeClass("active")
        $("div", this).addClass("on").closest("li").siblings("li").find("div").removeClass("on")

    })

    //服装选项卡
    $(".cloth-menu li").on("mouseenter", function(){
        $(this).addClass("active").siblings().removeClass()
        let index = $(this).index()
        $(".cloth-list").eq(index).addClass("on").siblings().removeClass("on")
    })

    //服装轮播
    $(".cloth-lider").slidebox({
        boxh: 340,          //盒子的高度
        w: 456,            //图片的宽度
        h: 340,             //图片的高度
        isShow: true,       //是否显示控制器
        isShowBtn: true,    //是否显示左右按钮
        controltop: 10,     //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20,      //控制按钮宽度
        controlsH: 4,      //控制按钮高度
        radius: 2           //控制按钮圆角度数
    }); 

    //户外运动选项卡
    $(".sport-menu li").on("mouseenter", function(){
        $(this).addClass("active").siblings().removeClass()
        let index = $(this).index()
        $(".sport-list").eq(index).addClass("on").siblings().removeClass("on")
    })

    //户外运动轮播
    $(".sport-lider").slidebox({
        boxh: 340,          //盒子的高度
        w: 456,            //图片的宽度
        h: 340,             //图片的高度
        isShow: true,       //是否显示控制器
        isShowBtn: true,    //是否显示左右按钮
        controltop: 10,     //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20,      //控制按钮宽度
        controlsH: 4,      //控制按钮高度
        radius: 2           //控制按钮圆角度数
    }); 

    //童装 童鞋 婴儿装选项卡
    $(".child-menu li").on("mouseenter", function(){
        $(this).addClass("active").siblings().removeClass()
        let index = $(this).index()
        $(".child-list").eq(index).addClass("on").siblings().removeClass("on")
    })

    //童装 童鞋 婴儿装轮播
    $(".child-lider").slidebox({
        boxh: 340,          //盒子的高度
        w: 456,            //图片的宽度
        h: 340,             //图片的高度
        isShow: true,       //是否显示控制器
        isShowBtn: true,    //是否显示左右按钮
        controltop: 10,     //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20,      //控制按钮宽度
        controlsH: 4,      //控制按钮高度
        radius: 2           //控制按钮圆角度数
    }); 

    // 楼层滚动
    $(".floor li").on({
        "mouseenter": function(){
            // 获取背景颜色
            let bgcolor = $(this).data("bgcolor")

            $(this).css({
                backgroundPositionX: -40,
                backgroundColor: bgcolor,
                width: 80
            })
        },
        "mouseleave": function(){
            $(this).css({
                backgroundPositionX: 0,
                backgroundColor: "",
                width: 40
            })
        },
        // 点击移动到对应楼层
        "click": function(){
            let index = $(this).index()
            let sTop = $(".floor-box").eq(index).offset().top
            $("html").animate({scrollTop: sTop}, 300)
        }
    })
    $(".floor img").on("click", function(){
        $("html").animate({scrollTop: 0}, 500)
    })

    // 顶部搜索
    $(window).scroll(function(){
        let sTop = $("html").scrollTop()
        if( sTop > 600){
            $(".fix-box").slideDown()
            $(".head-form").appendTo(".fix-box")
        }else{
            $(".fix-box").slideUp()
            $(".head-form").appendTo(".head-search")
        }
    })

    // 侧边栏
    $(".sidebar .box-img2").on({
        "mouseenter": function(){
            $(".qr").stop().animate({left: -100}, 500,)
        },
        "mouseleave": function(){
            $(".qr").stop().animate({left: 0}, 500,)
        }
    })
})